<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig" %>
<!DOCTYPE html>
<html>
<head>
	<%@ include  file="/WEB-INF/oss/base/common/variable.jsp"%>
    <%@ include  file="/WEB-INF/oss/base/common/resource_lib.jsp"%>
    <%@ include  file="/WEB-INF/oss/base/common/variable_js.jsp"%>
</head>
<script type="text/javascript">
	
</script>
<style type="text/css">
	.scene-style{
		padding-left: 30px;
	    height: 30px;
	    line-height: 30px;
	    background: #d9d9d9;
	    color: #333;
	    margin: 2px 0;
	    border-radius: 3px;
	    cursor: pointer;
	}
	.scene-style.active{
		 background: #3499da;
		 color: white; 
	}
	.limiter{
		cursor: pointer;
	}
	.jui-time {
	    width: 188px;
	    cursor: pointer;
	    display: inline;
	    background-repeat: no-repeat;
	    background-position: right center;
    }
</style>
<body>
	<div class="app-container">
		<div class="search-condition" type-option="search_table" config-option=" 'submit':'#searchbtns',
															'table':'#init-table',
															'wait_flag':true">
				
				<input type-name="user_id" type="hidden" class="user_id" >
				
				<select type-name="trigger_type" style=" width: 188px;display: inline;"  type-option="selecter" 
						config-option="'method':'GET','url':'/dictionary?ids=52,360','key':'code','value':'name',
							'init_value':'请选择类型','type':'list' " class="input  input-select" ></select>
				
				<input type-name="start_time" class="input input-self jui-time start_time" data-options="defaultValue:-1" >
				<span >~</span>
				<input type-name="end_time" class="input input-self jui-time end_time" >
				
				<button id="searchbtns" class="button ml-20 bg-sub"><span class="icon-search"></span> 查询</button>
		</div>
		
		 <div style="margin-top:10px;">
			<div id="init-table" type-option="table" config-option=" url:'/page/alarm/record',
						 param:{start_time:'$.start_time$',end_time:'$.end_time$',user_id:'$.user_id$' },
						 columns:[
							{'name':'序号','type':'seq','value':'seq','width':'4%'}, 
							{'name':'用户名称','value':'name','width':'10%'}, 
							{'name':'发送类型','type':'category','value':'trigger_type','width':'15%'},
							{'name':'报警信息','value':'content','width':'15%',limit:18 },
							{'name':'报警信息','type':'time','value':'atime','width':'15%',limit:18 }
							 ]" > 
			</div>
		</div> 
	</div>
	
	<script type="text/javascript">
		
		$(".user_id").val(GetQueryString("user_id"));
	
		function value_function(data,seq){
			return  "<button onclick='t_detail(this,"+data.user_id+")' class='button button-small border-blue'>查看详情</button> ";
		}
		
		function t_detail(a,b){
			alert(b);
		}
		$(function(){
			$(document).delegate(".limiter","click",function(){
				layer.tips($(this).attr("tag") , this, {
					tips: [1, '#4682B4']
				});
			})
		})
	</script>
</body>
</html>